<template>
  <div class="index">
    <!-- <h1>hello</h1> -->

    <!-- header -->
    <NavBar></NavBar>
    <!-- header -->

    <!-- navs -->
    <Navs></Navs>
    <!-- navs -->

    <!-- goods -->
    <Goods></Goods>
    <!-- goods -->
  </div>
</template>

<script>
export default {
  components: {
    NavBar: () => import("./components/NavBar.vue"),
    Navs: () => import("./components/Navs.vue"),
    Goods: () => import("./components/Goods.vue"),
  },
};
</script>

<style lang="scss" scoped></style>
